<!--
 * @Author: 谢子健 1075010289@qq.com
 * @Date: 2024-09-17 21:14:42
 * @LastEditors: 谢子健 1075010289@qq.com
 * @LastEditTime: 2024-09-29 21:56:04
 * @FilePath: \ilink-vue-frontend\src\views\Square\LearningSquare\details\components\StudyHeader1.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<script lang="ts">
import { defineComponent } from 'vue';
import { useRouter } from 'vue-router'; // Vue Router 的导航功能

export default defineComponent({
  setup() {
    const router = useRouter();

    const goToLearning = () => {
      router.push('/user/learning'); // 使用 Vue Router 导航
    };

    return {
      goToLearning,
    };
  },
});
</script>

<template>
  <div style="background-color: #f0f2f5; padding: 10px 20px; margin-left: 30px">
    <a-breadcrumb separator=">" style="font-size: 28px; color: #6c757d; font-weight: bold">
      <a-breadcrumb-item
        style="cursor: pointer; color: #6c757d"
        @click="goToLearning"
      >
        学习广场
      </a-breadcrumb-item>
      <a-breadcrumb-item style="font-weight: bold; color: #000">
        详情
      </a-breadcrumb-item>
    </a-breadcrumb>
  </div>
</template>
